* {
    box-sizing: border-box;
}
body {
    background: #070724;
    color: #ffffff;
}
.main {
    min-height: 800px;
    background: url("/act/wf/recharge/20190822/pc/img/bg.jpg") no-repeat center -55px;
}
.main_content {
    width: 1200px;
    margin: 0 auto;
}
/**************** 中 ***************/
.gift_wrap .row {
    height: 330px;
    background: url("/act/wf/recharge/20190822/pc/img/gift_box.png") no-repeat center center;
    margin-bottom: 23px;
    padding: 27px 62px;
    position: relative;
}
.gift_wrap .row .list {
    display: flex;
    justify-content: flex-start ;
    align-items: flex-start;
}
.gift_wrap .row .item {
    margin-right: 15px;
}
.gift_wrap .item .img {
    height: 170px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.gift_wrap .item .name {
    margin-top: 18px;
    font-size: 22px;
    line-height: 24px;
}
.gift_wrap .btn_get_gift {
    position: absolute;
    right: 50px;
    width: 219px;
    height: 75px;
    line-height: 75px;
    background: url("/act/wf/recharge/20190822/pc/img/btn_active.png") no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    color: #ffffff;
    font-size: 36px;
    top: 150px;
}
.gift_wrap .btn_get_gift.gray {
    pointer-events: none;
    background: url("/act/wf/recharge/20190822/pc/img/btn_default.png") no-repeat center center;
}
.gift_wrap .btn_recharge {
    display: inline-block;
    width: 341px;
    height: 91px;
    background: url('/act/wf/recharge/20190822/pc/img/btn_get.png') no-repeat center center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    line-height: 91px;
    color: #ffffff;
    font-size: 48px;
    margin: 62px 0 81px 0;
}